<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>FoldingList - Unicorn Examples</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="../assets/demo/demo.css" />

<script type="text/javascript" src="../yui-base.js"></script>
<script type="text/javascript" src="../unicorn.js"></script>

<!--
<script type="text/javascript" src="http://iunicorn.googlecode.com/files/yui-base-2.5.2.min.js"></script>
<script type="text/javascript" src="http://iunicorn.googlecode.com/files/unicorn-0.4.0.min.js"></script>
-->

<link rel="stylesheet" href="http://assets.taobaocdn.com/css/app/help/helpks_v3.css" type="text/css" media="screen" />
<style type="text/css">
	.cat-content {
		margin:0 0;
		padding-left: 20px;
	}
	.cat h3 { cursor: pointer; position: relative; z-index: 1!important }
	.tool {
		height: 16px; width: 16px;
		position: absolute; left: 7px; top: 7px
	}
	.tool-toggle {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico02.gif) no-repeat scroll left center;
	}
	.collapsed .tool-toggle {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico03.gif) no-repeat scroll left center;
	}
	.tool-toggle-over {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico01.gif) no-repeat scroll left center;
	}
</style>
</head>

<body>
<!-- mackup -->
<div id="ark:category" class="sidebar mini-sidebar">
<div id="ark:category" class="box">
	<div class="caption caption-v2"><h3>知识分类</h3></div>
	<div class="container" id="demo1">
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">注册＆认证</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">买家帮助</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">宝贝搜索、浏览</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">卖家信息查询</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">出价及付款</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">卖家帮助</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝个人信息</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">账户被盗＆安全</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝常用软件</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">举报投诉＆退款</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝规则</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">买家增值服务</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">社区＆商盟＆香港街</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
        <ul class="more-guid-link">
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/alipay_help.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://help.alipay.com/support/index.htm">支付宝帮助</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/mall_help.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.mall.taobao.com/help/">商城帮助</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/comment.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.taobao.com/support/contact_list.htm?type=impeach_suggest&amp;question=opinion_suggest">我的建议</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/question.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.taobao.com/support/contact_us.htm">我要提问</a></li>
        </ul>
	</div>
</div>
</div>

<!-- script -->
<script type="text/javascript">	
Unicorn.util.Event.onDOMReady(function() {
	var fl = new Unicorn.widget.FoldingList(
		'demo1',
		{ panelCls: 'cat',
		  multiExpand: false
		 },
		 { collapsed: true,
		   titleCollapse: true,
		   disableTriggerClick: false
		 });
		
		// 展开第一个
		fl.panels[0].expand();
});
</script>
<a class="reply-link" href="http://lifesinger.org/blog/?page_id=8">&gt;&gt; 期待您的建议与反馈 &lt;&lt;</a>
</body>
</html>
